@charset "utf-8";
*{
    margin: 0; padding: 0;
}
.StockTop {
    width: 900px;
    height: 900px;
    /*border: #5bc0de solid 1px;*/
    margin: auto;
    border: solid 1px rgba(102, 146, 191, 0.68);
    /*边角弧度*/
    border-radius: 10px;
    box-shadow: 7px 15px 30px #30ADEF;
    overflow: hidden;
}
.StockHead{
    width: 100%;
    height: 45px;
    background-color: #30ADEF;
}
.StockTop .StockHead span{
    font-size: 20px;
    color: white;
}



.StockTop .StockHead span{position: relative;
    height: 100px;
    width: 300px;
    left: 20px;
    top: 10px;

    animation-name: oDiv;
    /*animation-delay: 0.5s;延迟时间
    animation-iteration-count: 2;循环次数*/
    animation-duration: 1s;
    /*animation-direction: reverse;反向播放动画*/
}
@-webkit-keyframes oDiv{
    0%{left: -180px;top: 200px;opacity: 0;
    }
    100%{left: 200px;top: 50px;opacity: 1;
    }
}
@keyframes oDiv{
    0%{left: -180px;top: 200px;opacity: 0;
    }
    2100%{left: 200px;top: 50px;opacity: 1;
    }
}
.StockInput{
    display: inline-block;
    float: right;
    margin-right: 330px;

}
.StockInput input:nth-child(1){
    margin-top: 20px;
    width: 200px;
    height: 27px;
}
.StockInput input:nth-child(2){
    margin-top: 22px;
    height: 29px;
    left: 20px;
}
.sumit{
    width: 100%;
    height: 60px;
}
.middel .table {
    margin: auto;
    /*margin-top: 20px;*/
}
table, td, th{
    border:1px solid #30ADEF;
    text-align: center;

}
.table{
    border-collapse:collapse;
}



